<template>
 
    <div class="charts" ref="charts">
        
    </div>
</template>

<script >
import echarts from 'echarts'

export default {
    name: "",
    data() {
        return {}
    },
    mounted(){
        //初始化echarts实例
        let lineCharts = echarts.init(this.$refs.charts)
        //配置数据
        lineCharts.setOption({
             xAxis:{
                show:false,
                type:'category'
             } ,
             yAxis:{
                //隐藏
                show:false
             },
             //系列
             series:[
                {
                    type:"bar",
                    data:[10,7,33,12,25,15,4,23.21,14,10,9],                   
                }
             ],
             //布局
             grid:{
                left:0,
                right:0,
                top:0,
                bottom:0,
             }


        })
    },
    components: {},
    methods: {}
}
</script>

<style >
   .charts{
    widows: 100%;
    height: 100%;
   }
</style>

